<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta charset="utf-8">		
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Z Icon Library - Generator</title>
		<link rel="shortcut icon" href="images/logo.png">
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
		<link rel="stylesheet" href="css/bootstrap-zzzprojects-theme.min.css">

	</head>
	
	<body>
	
		<!-- navbar !-->
		<nav class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation">
			<div class="container-fluid">
				<div class="navbar-header">
					
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
						
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand"  target="_blank" href="http://www.zzzprojects.com/icon-library/" style=""><img src="http://www.zzzprojects.com/resources/images/all/logo-only.png" alt="ZZZ Projects" style="height: 25px;"></a>
				</div>

				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					 <ul class="nav navbar-nav">
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">File <span class="caret"></span></a>
							<ul class="dropdown-menu" role="menu">
								<li><a id="uiNewProjectLink" href="#">New Projet</a></li>
								<li><a id="uiOpenLink" href="#">Open</a></li>
								<li class="divider"></li>
								<li><a id="uiSaveLink" href="#" class="readonly">Save</a></li>
								<li><a id="uiSaveAsLink" href="#" class="readonly">Save As...</a></li>
								<li class="divider"></li>
								<li><a id="uiCloseProjectLink" href="#" class="readonly">Close Project</a></li>
								<li class="divider"></li>
								<li><a id="uiExitLink" href="#">Exit</a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Help <span class="caret"></span></a>
							<ul class="dropdown-menu" role="menu">
								<li><a href="http://www.zzzprojects.com/guides/icon-library/index.html" target="_blank">View Guide</a></li>
								<li class="divider"></li>
								<li><a href="http://www.zzzprojects.com/contact-us/" target="_blank">Contact Us</a></li>
								<li><a href="http://www.zzzprojects.com/about-us/" target="_blank">About Us</a></li>
								<li class="divider"></li>
								<li><a href="http://www.zzzprojects.com/products/" target="_blank">More products</a></li>
							</ul>
						</li>
					</ul>
					
					<ul class="nav navbar-nav navbar-right">
						<li><a href="http://zzzprojects.com/products/about-us/" target="_blank">About Us</a></li>
						<li><a href="http://zzzprojects.com/products/contact-us/" target="_blank" class="btn btn-tryit" style="color: white; padding-bottom: 5px; padding-top: 5px;"><span class="glyphicon glyphicon-envelope"></span>&nbsp;Contact Us</a></li>
						<li>&nbsp;&nbsp;&nbsp;</li>
						<li><a href="http://zzzprojects.com/products/" target="_blank" class="btn btn-tryit" style="color: white; padding-bottom: 5px; padding-top: 5px;"><span class="glyphicon glyphicon-shopping-cart"></span>&nbsp;MORE PRODUCTS</a></li>
						<li>&nbsp;&nbsp;&nbsp;</li>
					</ul>
				</div>
			</div>
		</nav>
		
		
		<div id="container" class="container">
			<br />
			<div class="panel">
				<div class="panel-heading">Create a new Project</div>
				<div class="panel-body">
					<div>Start here if you want to create a new Icon Library project.</div>
					<br />
					<div>
						<button id="uiProjectNew" class="btn btn-default">
							<span class="glyphicon glyphicon-plus-sign"></span>&nbsp;&nbsp;New Project
						</button>					
					</div>
				</div>
			</div>
			<div class="panel">
				<div class="panel-heading">Open an existing project</div>
				<div class="panel-body">
					<div>Click on a recent Icon Library project or click 'Browse' to local a project.</div>
					<div id="uiProjectRecent">
					</div>
					<br />
					<div>
						<button id="uiProjectOpen" class="btn btn-default">
							<span class="glyphicon glyphicon-folder-open"></span>&nbsp;&nbsp;Browse
						</button>					
					</div>
					
				</div>
			</div>
			
			
		</div>
		
		
		<nav class="navbar navbar-default navbar-fixed-bottom" role="navigation">
			<div class="container-fluid">
				<div class="navbar-header">
					<a class="navbar-brand" href="http://www.zzzprojects.com/" target="_blank" style="color: black;"><img src="http://www.zzzprojects.com/resources/images/all/logo-only.png" alt="ZZZ Projects" style="height: 25px;">&nbsp;ZZZ Projects</a>
				
				</div>
				
				<ul class="nav navbar-nav navbar">
					<li><a href="http://www.zzzprojects.com/" target="_blank" style="text-align: center">Z Icon Library Generator Copyright - Version: 1.0.0 - &copy; 2014 &nbsp;&nbsp; All rights reserved.</a></li>
				 </ul>
				 <ul class="nav navbar-nav navbar-right">
					<li><a href="http://www.zzzprojects.com/icon-library/" target="blank" style="text-align: center">Visit Icon Library Page</a></li>
				 </ul>
			</div>
		</nav>
		
		
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
	</body>
</html>